﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
	<link href="~/Content/bootstrap.min.css" rel="stylesheet" />

	<script>
		var playerName = "@ViewData["playerName"]";
		var tableName = "@ViewData["tableName"]";
	</script>

</head>
<body>
	<div class="container">

		<div class="page-header">
			<h1>Who's Chu in the Zoo? <small><i>alpha</i></small></h1>
		</div>

		<div class="row">
			<h3>Welcome <span id="playerName"></span>!</h3>
		</div>

		<hr />
		<div class="row text-center">
			<h3><u><span id="tableName"></span></u></h3>
		</div>
		<hr />

		<div class="row">
			<div class="col-sm-offset-2 col-sm-8">

				<table id="leTable" class="table table-bordered table-hover"></table>

			</div>
		</div>

		<div style="margin-top: 50px;"></div>

		<div class="row">
			<div class="col-sm-offset-4 col-sm-4 text-center">
				<button id="rollButton" class="btn btn-block btn-info" disabled><h1>Roll!</h1></button>
			</div>
		</div>
		</div>

	<script src="~/Scripts/jquery-1.9.1.min.js"></script>
	<script src="~/Scripts/bootstrap.min.js"></script>
	<script src="~/Scripts/script.js"></script>

</body>
</html>
